<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>直播课教师端</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/liveClient.css">
    <link rel="stylesheet" href="css/details.css">
    <link rel="stylesheet" href="css/player.css">
</head>
<body>
<div class="main clearfix">
    <div class="topNav">
        <p class="course-title">哈哈哈哈哈哈哈哈</p>
    </div>
    <div class="navList">
        <div class="usersInfo">
            <div class="userPic pr">
                <a href="javascript:void(0);"><img src="https://q.qlogo.cn/g?b=qq&nk=1690355023&s=100" class="usersIcon" alt=""></a>
                <a href="javascript:void(0);"><span class="mark db pa approveGold"></span></a>
            </div>
            <p class="usersNickName">这是个昵称</p>
        </div>
        <span class="lines"></span>
        <span class="packUp">收起</span>
        <ul class="bottomSelect">
            <li class="getUrl">获取地址</li>
            <li class="totalTime">
                <span class="hours">00</span>:
                <span class="minutes">00</span>:
                <span class="seconds">00</span>
            </li>
            <li class="signal"></li>
        </ul>
    </div>
    <div class="contentBox">
        <div class="aboutThisCourse d n">
            <div class="course-detail clearfix">
                <div class="leftBox">
                    <img src="http://img.shenyecg.com/Content/image/live/06live.jpg" alt="">
                    <div class="timeLimit">
                        <p class="time">距下一个直播任务：<span class="day">1</span>天<span class="hours">9</span>小时</p>
                    </div>
                </div>
                <div class="rightBox">
                    <div class="top">
                        <h3 class="title">深夜学院XXXXXXX</h3>
                        <p class="teacher">某某某</p>
                    </div>
                    <div class="bottom">
                        <a href="javascript:void(0)">更多详情》</a>
                    </div>
                </div>
            </div>
            <div class="courseBegin-btn">
                <a href="javascript:void(0)">开始上课</a>
            </div>
            <div class="tipBox">
                <div class="tip">
                    <p class="tips-title">友情提示:</p>
                    <p class="tips-text">直播时长不得超过5个小时</p>
                </div>
                <p class="liveExplain">还有疑问?<br>您可以先阅读深夜研习社直播指南:<a href="http://art.shenyecg.com/Other/Faq?id=56&detailId=37" target="_blank">http://art.shenyecg.com/Other/Faq?id=56&detailId=37</a></p>
            </div>
        </div>
        <div class="player">
            <div id="t-video" class="video usn" style="position:relative;width:100%;height:100%;left:0;top:0;box-sizing:border-box;">
                <video id="playVideo" style="display: block; width: 100%; height: 100%;box-sizing:inherit;" src="" poster="https://wx4.sinaimg.cn/crop.0.0.585.329.1000/006Tr4asly1fnyqrpm47og30ga095myx.gif"></video>
                <div class="sewise-player-ui usn pause">
                    <div class="controlbar transition">
                        <div class="controlbar-bg">
                            控制栏背景
                        </div>
                        <div class="controlbar-btns">
                            <div class="controlbar-playtime" style="">
                                70:54:17
                            </div>
                            <div class="controlbar-btn controlbar-progress" style="visibility: hidden;">
                                <div class="progressBox">
                                    <div class="controlbar-progress-totalline br5"></div>
                                    <div class="controlbar-progress-loadedline br5 transition" style="width: 60.391352%;"></div>
                                    <div class="controlbar-progress-playedline br5 transition" style="width: 15.0466252%;">
                                        <div class="controlbar-progress-playpoint transition br50"></div>
                                    </div>
                                    <div class="controlbar-progress-seekline"></div>
                                    <div class="controlbar-progress-tip" current-time="" style="left: 20%;">
                                        <span>30:00</span>
                                    </div>
                                </div>
                            </div>
                            <div class="controlbar-btn controlbar-div-time dn">
                                <div class="controlbar-playtime">
                                    00:04
                                </div>
                                <div class="controlbar-playtime-split">
                                    /
                                </div>
                                <div class="controlbar-totaltime">
                                    155:11
                                </div>
                            </div>
                            <div class="controlbar-btn controlbar-div-volume pr">
                                <div class="controlbar-div-volumeline pa">
                                    <div class="controlbar-volumeline br5 pa">
                                        <div class="controlbar-volumeline-bg br5">
                                        </div>
                                        <div class="controlbar-volumeline-volume transition br5 pa" style="height:48px;">
                                        </div>
                                        <div class="controlbar-volumeline-dragger pa">
                                        </div>
                                        <div class="controlbar-volumeline-point br50 pa">
                                        </div>
                                    </div>
                                </div>
                                <div class="controlbar-div-soundclose volume" style="display: none;">
                                    <a href="javascript:;" class="controlbar-btns-soundclose" tabindex="1"></a>
                                </div>
                                <div class="controlbar-div-soundopen volume" style="display: block;">
                                    <a href="javascript:;" class="controlbar-btns-soundopen" tabindex="1"></a>
                                </div>
                            </div>
                            <div class="controlbar-btn controlbar-div-barrage">
                                <a href="javascript:;" class="controlbar-btns-barrage close" tabindex="1"></a>
                            </div>
                            <div class="controlbar-btn controlbar-div-palyRate pr">
                                <div class="controlbar-btns-menu br5" role="presentation">
                                    <ul class="controlbar-btns-palyRate-content" role="menu">
                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">4.0x<span class="vjs-control-text"></span></li>
                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">3.0x<span class="vjs-control-text"></span></li>
                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">2.0x<span class="vjs-control-text"></span></li>
                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.75x<span class="vjs-control-text"></span></li>
                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.5x<span class="vjs-control-text"></span></li>
                                        <li class="controlbar-btns-palyRate-item" tabindex="-1" role="palyRateItem" aria-live="polite">1.25x<span class="vjs-control-text"></span></li>
                                        <li class="controlbar-btns-palyRate-item active" tabindex="-1" role="palyRateItem" aria-live="polite">1.0x<span class="vjs-control-text"></span></li>
                                    </ul>
                                </div>
                                <div class="controlbar-btns-palyRate br5">1.0x</div>
                            </div>
                            <div class="controlbar-btn controlbar-div-resolution pr">
                                <div class="controlbar-btns-menu br5">
                                    <ul class="controlbar-btns-resolution-content">
                                        <li class="controlbar-btns-resolution-item">超清</li>
                                        <li class="controlbar-btns-resolution-item active">高清</li>
                                        <li class="controlbar-btns-resolution-item">普清</li>
                                        <li class="controlbar-btns-resolution-item">自动</li>
                                    </ul>
                                </div>
                                <div class="controlbar-btns-resolution br5">高清</div>
                            </div>
                            <div class="controlbar-btn controlbar-div-fullscreen" style="display: block;">
                                <a href="javascript:;" class="controlbar-btns-fullscreen" tabindex="1"></a>
                            </div>
                            <div class="controlbar-btn controlbar-div-normalscreen" style="display: none;">
                                <a href="javascript:;" class="controlbar-btns-normalscreen" tabindex="1"></a>
                            </div>
                        </div>
                    </div>
                    <div class="progressbar transition6 pa dn">
                        <div class="progress-inner transition pa" style="width: 50%"></div>
                    </div>
                    <div class="logo" style="display: none;">
                        <a href="http://www.shenyecg.com/" target="_blank" class="logo-icon" tabindex="1" style="background: url('') 0px 0px no-repeat;">logo</a>
                    </div>
                    <div class="topbar" style="display: none;">
                        <div class="topbar-program">
                            <div class="topbar-program-tip">
                                正在播放：
                            </div>
                            <div class="topbar-program-title">
                            </div>
                        </div>
                        <div class="topbar-clock">
                            2018-1-30 14:19:57
                        </div>
                    </div>
                    <div class="buffer" style="display: none;">
                        <div class="buffer-bg">
                            背景图片
                        </div>
                        <div class="buffer-text">
                            <div class="buffer-text-tip">
                            </div>
                            <div class="buffer-text-bufferPt">
                                ...
                            </div>
                        </div>
                    </div>
                    <div class="big-play-btn br50">
                        <a href="javascript:;" class="big-play-icon pause" tabindex="1"><i class="fa fa-play"></i></a>
                        <a href="javascript:;" class="big-play-icon replay" tabindex="1"><i class="fa fa-rotate-left"></i></a>
                    </div>
                    <div class="clarity-switch-btn" style="top: 0; margin-top: -5px;display: none;">
                        <a href="javascript:;" class="clarity-btn-text" tabindex="1">自动</a>
                    </div>
                    <div class="danmaku state-pause" id="danmu">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="S-chatBox">
        <div class="S-sideBar pa">
            <div class="chatBox">
                <div class="title">
                    <ul class="list clearfix">
                        <li class="tab active">讨论</li>
                        <li class="tab">成员(<span>12</span>)</li>
                    </ul>
                    <div class="line">
                        <div class="moveLine pr"></div>
                    </div>
                </div>
                <div class="box">
                    <div class="chatContent">
                        <div class="main_notice pr">
                            <a href="javascript:void(0);" class="close"><i class="fa fa-close"></i></a>
                            <div class="main_box">
                                <div class="propaganda">
                                    <div class="dib picture">
                                        <img src="http://img.shenyecg.com/UploadImages/2018/1/29/2018012916363734969.jpg" alt="">
                                    </div>
                                    <div class="dib msg">
                                        <h3 class="title">实践是检验真理的唯一标准</h3>
                                        <p class="nickName toe">路人甲</p>
                                    </div>
                                </div>
                                <div class="notice dn">
                                    <div class="notice_text">
                                        <span class="notice_title">[公告]</span>点击链接加入群【齐论电商资源圈-LE】：<a href="javascript:void(0);" target="_blank">https://jq.qq.com/?_wv=1027&k=4En4il3</a>（进群下载齐论工具箱）
                                    </div>
                                </div>
                            </div>
                            <div class="pa tab_line">
                                <a href class="active"><span></span></a>
                                <a href class=""><span></span></a>
                            </div>
                        </div>
                        <i class="pa notice_icon dn"></i>
                        <div class="talkBox pr tal" style="height: 520px;">
                            <div class="tip-text pa tac toe">
                                哈哈哈<img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom">
                            </div>
                            <div class="warn-text pa tac toe dn">数字超过限制</div>
                            <div class="viewContent pa">
                                <ul class="ulList pr">
                                    <li class="chatList clearfix">
                                        <div class="picture br50 fl pr">
                                            <a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a>
                                            <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                        </div>
                                        <div class="student fl">
                                            <span class="nickName">丢失感</span>
                                            <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                            <span class="content">恢复</span>
                                        </div>
                                    </li>
                                    <li class="chatList">
                                        <div class="flowerMsg tac">
                                            "<span>Sun</span>"送给<br>
                                            <div>
                                                "<span>思睿老师-峻毅</span>"
                                                <span class="flowerIcon"></span>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="chatList">
                                        <div class="warningMsg tac">
                                            <p>操作过于频繁，请稍后再进行操作...</p>
                                        </div>
                                    </li>
                                    <li class="chatList clearfix">
                                        <div class="picture br50 fl pr">
                                            <span class="mark db pa approveGold"></span>
                                            <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                        </div>
                                        <div class="student fl">
                                            <span class="nickName">...仙儿</span>
                                            <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                            <span class="content">不知道</span>
                                        </div>
                                    </li>
                                    <li class="chatList clearfix">
                                        <div class="picture br50 fl pr">
                                            <span class="mark db pa approveBlue"></span>
                                            <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                        </div>
                                        <div class="student fl">
                                            <span class="nickName">꧁时⃢ ＊ ⃢光꧂‌</span>
                                            <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                            <span class="content">长得不帅</span>
                                        </div>
                                    </li>
                                    <li class="chatList right clearfix">
                                        <div class="picture br50 fl pr">
                                            <span class="mark db pa approveBlue"></span>
                                            <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                        </div>
                                        <div class="student fl">
                                            <span class="nickName">stupid</span>
                                            <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                            <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom">
                                        </span>
                                        </div>
                                    </li>
                                    <li class="chatList clearfix">
                                        <div class="picture br50 fl pr">
                                            <span class="mark db pa approveGold"></span>
                                            <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                        </div>
                                        <div class="student fl">
                                            <span class="nickName">stupid</span>
                                            <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                            <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                        </div>
                                    </li>
                                    <li class="chatList clearfix">
                                        <div class="picture br50 fl pr">
                                            <span class="mark db pa approveGold"></span>
                                            <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                        </div>
                                        <div class="student fl">
                                            <span class="nickName">stupid</span>
                                            <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                            <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                        </div>
                                    </li>
                                    <li class="chatList clearfix">
                                        <div class="picture br50 fl pr">
                                            <span class="mark db pa approveGold"></span>
                                            <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                        </div>
                                        <div class="student fl">
                                            <span class="nickName">stupid</span>
                                            <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                            <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                        </div>
                                    </li>
                                    <li class="chatList clearfix">
                                        <div class="picture br50 fl pr">
                                            <span class="mark db pa approveGold"></span>
                                            <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                        </div>
                                        <div class="student fl">
                                            <span class="nickName">stupid</span>
                                            <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                            <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                        </div>
                                    </li>
                                    <li class="chatList clearfix">
                                        <div class="picture br50 fl pr">
                                            <span class="mark db pa approveBlue"></span>
                                            <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                        </div>
                                        <div class="student fl">
                                            <span class="nickName">stupid</span>
                                            <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                            <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                        </div>
                                    </li>
                                    <li class="chatList clearfix">
                                        <div class="picture br50 fl pr">
                                            <span class="mark db pa approveBlue"></span>
                                            <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                        </div>
                                        <div class="student fl">
                                            <span class="nickName">stupid</span>
                                            <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                            <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                        </div>
                                    </li>
                                    <li class="chatList clearfix">
                                        <div class="picture br50 fl pr">
                                            <span class="mark db pa approveGold"></span>
                                            <img class="br50" src="http://img.shenyecg.com/UploadImages/HeadShow/30.jpg" alt="">
                                        </div>
                                        <div class="student fl">
                                            <span class="nickName">stupid</span>
                                            <i class="icon-font i-alert" title="信息发送失败" style="display: none;"></i>
                                            <span class="content">
                                            <img src="http://img.shenyecg.com/UploadImages/2018/1/30/2018013009442587949.gif" alt="" class="faceZoom fl">
                                        </span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="handleBox clearfix">
                            <div class="face fl">
                                <a href="javascript:void(0);" class="emoji pr fl dib" title="发送表情">
                                    <div class="faceSelector pa dn">
                                        <div class="faceHover pa left tal border1">
                                            <div class="img tac pa">
                                                <img class="show" src="https://7.url.cn/edu/webcourse/modules/img/emoji/72@2x.gif" alt="" />
                                            </div>
                                            <div class="name pa tac">足球</div>
                                        </div>
                                        <div class="innerFace pr">
                                            <p i="0" class="emoji-icon emoji-1" data-name="惊讶"></p>
                                            <p i="1" class="emoji-icon emoji-2" data-name="撇嘴"></p>
                                            <p i="2" class="emoji-icon emoji-3" data-name="色"></p>
                                            <p i="3" class="emoji-icon emoji-4" data-name="发呆"></p>
                                            <p i="4" class="emoji-icon emoji-5" data-name="得意"></p>
                                            <p i="5" class="emoji-icon emoji-6" data-name="流泪"></p>
                                            <p i="6" class="emoji-icon emoji-7" data-name="害羞"></p>
                                            <p i="7" class="emoji-icon emoji-8" data-name="闭嘴"></p>
                                            <p i="8" class="emoji-icon emoji-9" data-name="睡"></p>
                                            <p i="9" class="emoji-icon emoji-10" data-name="大哭"></p>
                                            <p i="10" class="emoji-icon emoji-11" data-name="尴尬"></p>
                                            <p i="11" class="emoji-icon emoji-12" data-name="发怒"></p>
                                            <p i="12" class="emoji-icon emoji-13" data-name="调皮"></p>
                                            <p i="13" class="emoji-icon emoji-14" data-name="呲牙"></p>
                                            <p i="14" class="emoji-icon emoji-15" data-name="微笑"></p>
                                            <p i="15" class="emoji-icon emoji-16" data-name="飞吻"></p>
                                            <p i="16" class="emoji-icon emoji-17" data-name="跳跳"></p>
                                            <p i="17" class="emoji-icon emoji-18" data-name="发抖"></p>
                                            <p i="18" class="emoji-icon emoji-19" data-name="怄火"></p>
                                            <p i="19" class="emoji-icon emoji-20" data-name="爱情"></p>
                                            <p i="20" class="emoji-icon emoji-21" data-name="足球"></p>
                                            <p i="21" class="emoji-icon emoji-22" data-name="西瓜"></p>
                                            <p i="22" class="emoji-icon emoji-23" data-name="玫瑰"></p>
                                            <p i="23" class="emoji-icon emoji-24" data-name="凋谢"></p>
                                            <p i="24" class="emoji-icon emoji-25" data-name="爱心"></p>
                                            <p i="25" class="emoji-icon emoji-26" data-name="心碎"></p>
                                            <p i="26" class="emoji-icon emoji-27" data-name="蛋糕"></p>
                                            <p i="27" class="emoji-icon emoji-28" data-name="礼物"></p>
                                            <p i="28" class="emoji-icon emoji-29" data-name="太阳"></p>
                                            <p i="29" class="emoji-icon emoji-30" data-name="月亮"></p>
                                            <p i="30" class="emoji-icon emoji-31" data-name="强"></p>
                                            <p i="31" class="emoji-icon emoji-32" data-name="弱"></p>
                                            <p i="32" class="emoji-icon emoji-33" data-name="难过"></p>
                                            <p i="33" class="emoji-icon emoji-34" data-name="酷"></p>
                                            <p i="34" class="emoji-icon emoji-35" data-name="抓狂"></p>
                                            <p i="35" class="emoji-icon emoji-36" data-name="吐"></p>
                                            <p i="36" class="emoji-icon emoji-37" data-name="惊恐"></p>
                                            <p i="37" class="emoji-icon emoji-38" data-name="流汗"></p>
                                            <p i="38" class="emoji-icon emoji-39" data-name="憨笑"></p>
                                            <p i="39" class="emoji-icon emoji-40" data-name="大兵"></p>
                                            <p i="40" class="emoji-icon emoji-41" data-name="猪头"></p>
                                            <p i="41" class="emoji-icon emoji-42" data-name="拥抱"></p>
                                            <p i="42" class="emoji-icon emoji-43" data-name="咖啡"></p>
                                            <p i="43" class="emoji-icon emoji-44" data-name="饭"></p>
                                            <p i="44" class="emoji-icon emoji-45" data-name="握手"></p>
                                            <p i="45" class="emoji-icon emoji-46" data-name="便便"></p>
                                            <p i="46" class="emoji-icon emoji-47" data-name="偷笑"></p>
                                            <p i="47" class="emoji-icon emoji-48" data-name="可爱"></p>
                                            <p i="48" class="emoji-icon emoji-49" data-name="白眼"></p>
                                            <p i="49" class="emoji-icon emoji-50" data-name="傲慢"></p>
                                            <p i="50" class="emoji-icon emoji-51" data-name="饥饿"></p>
                                            <p i="51" class="emoji-icon emoji-52" data-name="困"></p>
                                            <p i="52" class="emoji-icon emoji-53" data-name="奋斗"></p>
                                            <p i="53" class="emoji-icon emoji-54" data-name="咒骂"></p>
                                            <p i="54" class="emoji-icon emoji-55" data-name="疑问"></p>
                                            <p i="55" class="emoji-icon emoji-56" data-name="嘘"></p>
                                            <p i="56" class="emoji-icon emoji-57" data-name="晕"></p>
                                            <p i="57" class="emoji-icon emoji-58" data-name="折磨"></p>
                                            <p i="58" class="emoji-icon emoji-59" data-name="衰"></p>
                                            <p i="59" class="emoji-icon emoji-60" data-name="骷髅"></p>
                                            <p i="60" class="emoji-icon emoji-61" data-name="敲打"></p>
                                            <p i="61" class="emoji-icon emoji-62" data-name="再见"></p>
                                            <p i="62" class="emoji-icon emoji-63" data-name="闪电"></p>
                                            <p i="63" class="emoji-icon emoji-64" data-name="炸弹"></p>
                                            <p i="64" class="emoji-icon emoji-65" data-name="刀"></p>
                                            <p i="65" class="emoji-icon emoji-66" data-name="胜利"></p>
                                            <p i="66" class="emoji-icon emoji-67" data-name="冷汗"></p>
                                            <p i="67" class="emoji-icon emoji-68" data-name="擦汗"></p>
                                            <p i="68" class="emoji-icon emoji-69" data-name="抠鼻"></p>
                                            <p i="69" class="emoji-icon emoji-70" data-name="鼓掌"></p>
                                            <p i="70" class="emoji-icon emoji-71" data-name="糗大了"></p>
                                            <p i="71" class="emoji-icon emoji-72" data-name="坏笑"></p>
                                            <p i="72" class="emoji-icon emoji-73" data-name="左哼哼"></p>
                                            <p i="73" class="emoji-icon emoji-74" data-name="右哼哼"></p>
                                            <p i="74" class="emoji-icon emoji-75" data-name="哈欠"></p>
                                            <p i="75" class="emoji-icon emoji-76" data-name="鄙视"></p>
                                            <p i="76" class="emoji-icon emoji-77" data-name="委屈"></p>
                                            <p i="77" class="emoji-icon emoji-78" data-name="快哭了"></p>
                                            <p i="78" class="emoji-icon emoji-79" data-name="阴险"></p>
                                            <p i="79" class="emoji-icon emoji-80" data-name="亲亲"></p>
                                            <p i="80" class="emoji-icon emoji-81" data-name="吓"></p>
                                            <p i="81" class="emoji-icon emoji-82" data-name="可怜"></p>
                                            <p i="82" class="emoji-icon emoji-83" data-name="菜刀"></p>
                                            <p i="83" class="emoji-icon emoji-84" data-name="啤酒"></p>
                                            <p i="84" class="emoji-icon emoji-85" data-name="篮球"></p>
                                            <p i="85" class="emoji-icon emoji-86" data-name="乒乓"></p>
                                            <p i="86" class="emoji-icon emoji-87" data-name="示爱"></p>
                                            <p i="87" class="emoji-icon emoji-88" data-name="瓢虫"></p>
                                            <p i="88" class="emoji-icon emoji-89" data-name="抱拳"></p>
                                            <p i="89" class="emoji-icon emoji-90" data-name="勾引"></p>
                                            <p i="90" class="emoji-icon emoji-91" data-name="拳头"></p>
                                            <p i="91" class="emoji-icon emoji-92" data-name="差劲"></p>
                                            <p i="92" class="emoji-icon emoji-93" data-name="爱你"></p>
                                            <p i="93" class="emoji-icon emoji-94" data-name="NO"></p>
                                            <p i="94" class="emoji-icon emoji-95" data-name="OK"></p>
                                            <p i="95" class="emoji-icon emoji-96" data-name="转圈"></p>
                                            <p i="96" class="emoji-icon emoji-97" data-name="磕头"></p>
                                            <p i="97" class="emoji-icon emoji-98" data-name="回头"></p>
                                            <p i="98" class="emoji-icon emoji-99" data-name="跳绳"></p>
                                            <p i="99" class="emoji-icon emoji-100" data-name="挥手"></p>
                                            <p i="100" class="emoji-icon emoji-101" data-name="激动"></p>
                                            <p i="101" class="emoji-icon emoji-102" data-name="街舞"></p>
                                            <p i="102" class="emoji-icon emoji-103" data-name="献吻"></p>
                                            <p i="103" class="emoji-icon emoji-104" data-name="左太极"></p>
                                            <p i="104" class="emoji-icon emoji-105" data-name="右太极"></p>
                                        </div>
                                        <div class="bg br5 pa border1"></div>
                                    </div>
                                </a>
                            </div>
                            <div class="uploadImage fl">
                                <div class="pr clearfix">
                                    <a href="javascript:void(0);" class="picture pr fl dib" title="发送图片"></a>
                                </div>
                            </div>
                            <a href="javascript:void(0);" class="flower fl pr dib" title="送鲜花给老师"></a>
                            <a href="javascript:void(0);" class="group fr dib" title="加入群组"><i class="fa fa-group"></i></a>
                        </div>
                        <div class="inputBox dib pr">
                            <div class="nano pr">
                                <div class="nanoContent pa">
                                    <div class="editorContent" contenteditable="true"></div>
                                </div>
                            </div>
                            <div class="limit-sec" style="display: none;">
                                需要等待
                                <span>0</span>
                                秒才能发言
                            </div>
                            <div class="limit-sec" style="display: none;">您已被禁言</div>
                            <div class="limit-sec" style="display: none;">老师设置了全体禁言模式</div>
                            <div class="limit-sec" style="display: none;">
                                编辑区加载失败
                                <a href="javascript:void(0);" class="refreshBtn">重新加载</a>
                            </div>
                            <div class="submitBtn fr transition usn tac br5 disable">发送</div>
                            <div class="inputTips fr" style="display: none;">
                                已超出
                                <span>0</span>
                                字
                            </div>
                        </div>
                    </div>
                    <div class="tabIndex dn">
                        <div class="tabMain">
                            <ul class="memberList" style="height: 800px;">
                                <div>
                                    <li class="list-item group-item">
                                        <a class="pr" href="javascript:void(0);">
                                            <span class="mark db pa approveBlue"></span>
                                            <span class="avatar avatar-group" style="background-image: url('http://img.shenyecg.com/UploadImages/HeadShow/30.jpg')"></span>
                                        </a>
                                        <a href="javascript:void(0);" target="_blank">
                                            <span class="member-name">齐论电商资源圈-LH</span>
                                            <span class="join-group">加入该群</span>
                                        </a>
                                    </li>
                                </div>
                                <li class="list-item teacher-item">
                                    <a class="pr" href="javascript:void(0);">
                                        <span class="mark db pa approveGold"></span>
                                        <span class="avatar avatar-admin-male" style="background-image: url('http://img.shenyecg.com/UploadImages/HeadShow/30.jpg')"></span>
                                    </a>
                                    <span class="avatar avatar-stu-qq" style="display: none;"></span>
                                    <span class="member-name">[管理员] 齐论-太阳</span>
                                </li>
                                <li class="list-item teacher-item">
                                    <a class="pr" href="javascript:void(0);">
                                        <span class="mark db pa approveGold"></span>
                                        <span class="avatar avatar-admin-male" style="background-image: url('http://img.shenyecg.com/UploadImages/HeadShow/30.jpg')"></span>
                                    </a>
                                    <span class="avatar avatar-stu-qq" style="display: none;"></span>
                                    <span class="member-name">[管理员] 齐论-滴答</span>
                                </li>
                                <li class="list-item">
                                    <a class="pr" href="javascript:void(0);">
                                        <span class="mark db pa approveBlue"></span>
                                        <span class="avatar avatar-stu-male" style="background-image: url('http://img.shenyecg.com/UploadImages/HeadShow/30.jpg')"></span>
                                    </a>
                                    <span class="avatar avatar-stu-qq" style="display: none;"></span>
                                    <span class="member-name">星空下的海</span>
                                </li>
                                <li class="list-item">
                                    <a class="pr" href="javascript:void(0);">
                                        <span class="mark db pa approveGold"></span>
                                        <span class="avatar avatar-stu-male" style="background-image: url('http://img.shenyecg.com/UploadImages/HeadShow/30.jpg')"></span>
                                    </a>
                                    <span class="avatar avatar-stu-qq" style="display: none;"></span>
                                    <span class="member-name">Lemon</span>
                                </li>
                            </ul>
                            <div class="pageCtrl tac pa">
                                <a href="javascript:void(0);" class="dib transition br5 pre">< 上一页</a>
                                <a href="javascript:void(0);" class="dib transition br5 next">下一页 ></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--弹窗-->
<div class="coverBox">
    <div class="tipsInfoBox">
        <h3 class="title">这是一个弹窗标题<span class="closeBtn"></span></h3>
        <p class="text">这是一个地址</p>
        <p>Url：<a href="javascript:void(0);">www.shenyecg.com</a></p>
        <p>流密钥：<a href="javascript:void(0);">www.shenyecg.com</a></p>
        <p><span class="startClass">开始上课</span></p>
    </div>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script>
    $(function () {
        //聊天框导航切换
        $(".S-chatBox .chatBox .list .tab").click(function () {
            var index = $(this).index();
            var moveLine = $(".S-chatBox .chatBox .title .moveLine");
            $(this).addClass("active").siblings().removeClass("active");
            $(".S-chatBox .chatBox .box > div").eq(index).show().siblings().hide();
            index == 0 ? moveLine.css("left","0") : moveLine.css("left","150px");
        });

        //聊天框公告切换
        $(".S-chatBox .main_notice .tab_line a").hover(function () {
            var tab_index = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(".S-chatBox .main_notice .main_box > div").eq(tab_index).show().siblings().hide();
        });

        //聊天框点击事件
        $(".S-chatBox .chatBox .main_notice .close").click(function () {
            $(".S-chatBox .chatBox .main_notice").hide();
            $(".S-chatBox .chatBox .notice_icon").show();
        });
        $(".S-chatBox .chatBox .notice_icon").click(function () {
            $(this).hide();
            $(".S-chatBox .chatBox .main_notice").show();
        })
    })
</script>
</html>